<div style="width: 100%; height: 100%;" bind:offsetWidth="clientWidth" bind:offsetHeight="clientHeight">
  <App ref:app {clientWidth} {clientHeight} gridSize={-1} showLabels={true} shareLink={true} backLink={backLink}/>
</div>

<style>
:global(*) {
  box-sizing: border-box;
}

:global(body) {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
}

:global(a) {
  color: #004276;
}
</style>

<script>
export default {
  components: {
    App: "./App.html"
  },
  data () {
    return {
      backLink: undefined
    }
  },
  oncreate() {
    setTimeout(() => {
      this.refs.app.home(0);
    }, 100)
  }
}
</script>
